<template>
	<div class="hello_school">
		<div class="school_title clearfix">
			<span @click="goBack" class="left">返回</span>
			<div>棋校资料</div>
		</div>
		<div class="notice">每一项资料务必填写准确，方便审核</div>
		<div class="school_data">
			<div class="schoolname">
				<label for="">棋校名称</label>
				<input type="text" placeholder="已输入学校名称"/>
			</div>
			<div class="school_introduction">
				<label for="">棋校介绍</label>
				<input type="text" placeholder="已输入学校介绍"/>
			</div>
			<div class="school_course">
				<label for="">棋校课程</label>
				<input type="text" placeholder="已输入学校课程"/>
			</div>
			<div class="school_img">
				<div>学校照片</div>
				<img src="../../../assets/u3018.png"/>
				<p>上传学校照片</p>
			</div>
			<div class="school_course">
				<label for="">棋校所在地</label>
				<input type="text" placeholder=""/>
			</div>
			<div class="school_course">
				<label for="">棋校详细地址</label>
				<input type="text" placeholder="已输入学校地址"/>
			</div>
			<div class="school_img">
				<div>营业执照</div>
				<img src="../../../assets/u3018.png"/>
				<p>上传营业执照</p>
			</div>			
		</div>
		<div class="foot">
			<button>保存</button>
		</div>
	</div>
</template>

<script>
	export default{
		methods:{
			goBack:function(){
				this.$router.push({path:'/chessschool'})
			}
		}
	}
</script>

<style>
	html,body{
		margin: 0;
		padding: 0;
	}
	.clearfix:after{
	clear: both;
	content:'' ;
	display: block;	
}
.left{
	float:left
}
.right{
	float:right
}
	.hello_school{
		font-size: 0.3rem;
	}
	.notice{
		padding: 20px 0 20px 20px;
		background-color: #f2f2f2;
		font-size: 0.3rem;
	}
	.school_title{
		background: #4682B4;
		font-size: 0.3rem;
		color: #fff;
		padding: 20px 0 20px 10px;
		
	}
	.school_title>div{
		text-align: center;
	}
	input{
		padding: 20px;
		border: none;
		font-size: 0.3rem;
	}
	.school_data{

		margin-bottom: 100px;
	}
	.schoolname,.school_introduction,.school_course{
		width: 95%;
		padding: 0px 0 0 20px;
		border: 0px;
		border-bottom: 1px solid #ccc;
		font-weight: 600;
	}
	.school_img{
		padding-top: 20px;
		position: relative;
		border-bottom: 1px solid #ccc;
	}
	.school_img>img{
		margin:20px 0 20px 20%;
	}
	.school_img>div{
		padding-left: 5%;
	}
	.school_img>p{
		position: absolute;
		top: 45%;
		left: 38%;
		font-size: 0.3rem;
	}
	.foot{
		width: 100%;
		height: 100px;
		background-color: #f2f2f2;
		position: fixed;
		bottom: 0;
	}
	.hello_school button{
		background-color: #00BFFF;
		position: fixed;
		bottom: 20px;
		width: 80%;
		margin-left:10%;
		padding: 20px 0;
		border: 0px;
		border-radius: 5px;
		color: #fff;
		font-size: 0.3rem;
		font-weight: 600;
		z-index: ;
	}
</style>